<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>mall</title>
    <meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="../img/favicon.ico">
    <link rel="stylesheet" href="css/mall.css">
</head>

<body>
    <div class="info">
        <div class="from"><a href="https://github.com/luosijie/threejs-examples/tree/master/mall">项目地址</a></div>
        <canvas id="canvas"></canvas>
        <div class="svg-container">
            <svg id="svg_shapes" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="90 0 600 560">
                <!--  <path name="麦当劳" id="svg_24" d="m159.04742,20.63495c0,0 34.92069,37.30164 34.92069,37.30164c0,0 0,-41.30041 -0.31703,-42.06355c0.31703,0.76314 84.4594,0.79365 84.12711,0c0.31703,0 0.31703,35.71434 0,35.71434c0,0.00141 32.15227,-31.83524 31.74608,-32.53973c0.25942,0.53423 89.71244,90.18906 89.68268,89.68267c0.25324,0.25325 -10.40264,10.71967 -11.11113,10.31748c0.54074,0.25291 25.82883,0.79365 25.39686,0c0.51226,0 0.31703,268.26507 0,268.25437c0,0.01357 -85.45457,0 -85.71441,-0.79365c0.25804,0.79365 0.31703,-38.10411 -0.79365,-38.0953c0.79365,0.79061 -42.60627,0.79366 -42.85721,0c0.28742,0 0.31703,-58.81836 0,-59.5239c0,0.68996 -11.60863,0.79366 -11.90478,0c0.31703,0 0.31703,-7.14286 -0.79365,-7.93652c0.79365,0.78663 -146.5086,0.79366 -146.82562,0c0.31487,0 0.31702,-146.85974 0,-147.61927c0,0.76585 38.89786,0.79366 38.0953,0c0.71669,0 -56.59674,-62.46932 -59.5239,-59.5239c0.14132,0.14132 55.87266,-53.17468 55.87266,-53.17468z" stroke-opacity="null" stroke-width="1.5" stroke="null" fill="#f2f2f2" /> -->
                <path name="麦当劳" id="svg_4" d="m201.90463,23.01591l65.87312,0l0,47.61912l-65.87312,0l0,-47.61912z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_5" d="m130.47595,235.71465l94.44459,0l0,42.06355l-94.44459,0l0,-42.06355z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_6" d="m129.6823,182.53996l84.12711,0l0,41.2699l-84.12711,0l0,-41.2699z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_8" d="m214.80591,113.92551l32.77018,-32.77018l23.57026,23.57026l-32.77018,32.77018l-23.57026,-23.57026z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_9" d="m242.58371,140.11603l32.77018,-32.77018l23.57026,23.57026l-32.77018,32.77018l-23.57026,-23.57026z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_10" d="m264.80595,79.79849l48.2464,-48.2464l15.23692,15.23692l-48.2464,48.2464l-15.23692,-15.23692z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_11" d="m282.2663,98.84614l48.2464,-48.2464l15.23692,15.23692l-48.2464,48.2464l-15.23692,-15.23692z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_12" d="m302.90125,118.68745l48.2464,-48.2464l15.23692,15.23692l-48.2464,48.2464l-15.23692,-15.23692z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_13" d="m324.32987,140.11605l48.2464,-48.2464l15.23692,15.23692l-48.2464,48.2464l-15.23692,-15.23692z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill-opacity="null" fill="#3f7f00" />
                <path name="麦当劳" id="svg_14" d="m129.6823,139.68275l39.6826,0l0,34.12704l-39.6826,0l0,-34.12704z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#bf005f" />
                <path name="麦当劳" id="svg_15" d="m175.7141,139.68275l37.30164,0l0,34.12704l-37.30164,0l0,-34.12704z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#007f3f" />
                <path name="麦当劳" id="svg_16" d="m274.12698,175.39709l46.03181,0l0,26.98417l-46.03181,0l0,-26.98417z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#7f003f" />
                <path name="麦当劳" id="svg_17" d="m137.23366,49.58187l47.23197,47.23197l-21.46164,21.46164l-47.23197,-47.23197l21.46164,-21.46164z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#7f003f" />
                <path name="麦当劳" id="svg_18" d="m336.03183,205.55586l69.04772,0l0,31.74608l-69.04772,0l0,-31.74608z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#5656ff" />
                <path name="麦当劳" id="svg_19" d="m336.03183,274.60361l69.04772,0l0,20.63496l-69.04772,0l0,-20.63496z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#5656ff" />
                <path name="麦当劳" id="svg_20" d="m336.03183,305.42343l69.04772,0l0,74.60332l-69.04772,0l0,-74.60332z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#007f3f" />
                <path name="麦当劳" id="svg_21" d="m155.48768,30.53422l47.23197,47.23197l-15.11243,15.11243l-47.23197,-47.23197l15.11243,-15.11243z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#7f003f" />
                <path name="麦当劳" id="svg_23" d="m337.61912,200.0003c0,0 66.66677,0 66.66677,0c0,0 2.38096,-71.42868 2.38096,-71.42868c0,0 -23.02959,0 -23.33294,0c0.30335,0 -31.82833,32.93901 -32.53973,31.74608c0.15812,0.63553 -13.26811,0.79365 -13.49208,0c0.10362,0 0.31703,39.6826 0.31703,39.6826z" stroke-opacity="null" stroke-width="1.5" stroke="null" fill="#bf5f00" />
                <path name="麦当劳" id="svg_25" d="m279.68253,216.67462l38.88895,0l0,64.28581l-38.88895,0l0,-64.28581z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#7f003f" />
                <path name="麦当劳" id="svg_26" d="m293.96826,293.91617l26.19052,0l0,46.82546l-26.19052,0l0,-46.82546z" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-width="1.5" stroke="null" fill="#7f003f" />
            </svg>
        </div>
    </div>
    <script src="../js/libs/three.min.js"></script>
    <script src="../js/libs/OrbitControls.js"></script>
    <!-- 用于将svg转为threejs shape -->
    <!-- <script src="https://johnson2heng.github.io/three.js-demo/lib/js/libs/d3-threeD.js"></script> -->
    <script src="js/d3_threeD.js"></script>
    <!-- <script src="js/libs/stats.min.js"></script> -->
    <script src="js/main.js">


    </script>
</body>

</html>
